<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动画效果</title>
    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#bt").click(function () {
                $("h1").hide(4000);
            });
            $("#mn").click(function () {
                $("h2").toggle("slow");
            })
        })

    </script>
</head>
<body>
      <h1 id="bt"><p>急急如律令</p></h1>
      <h2 id="mn"><p>五雷正法！！</p></h2>
</body>
</html>